<template>
  <div>
    <h1>哥哥:{{count}}</h1>
    <button @click="count ++ ">累加</button>
    <button @click="byby">拜拜</button>
  </div>
</template>

<script>
export default {
  name: "Gege",
  data() {
    return {
        count: 0
    };
  },

  watch:{
    //监听count改变 调用$bus中的自定义函数 并发送数据
    count(){
      this.$bus.$emit("atguigu" , this.count)
    }
  },

  methods:{
    byby(){
      //解绑$bus中的自定义事件
      this.$bus.$off("atguigu")
    }
  }

};
</script>

<style>
</style>